<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8"/>
	<title>Zadacha 1 Tables</title>
	<style>
	
	td
{
    width: 30px;
    text-align: center;
    vertical-align: middle;
}
	
	.text-left
	{
		text-align:left;
	}
	
	.text-right
	{
		text-align:right;
	}
	
	#text-bottom
	{
		vertical-align: bottom;
	}
	
	</style>
</head>
<body>
	<table border="1px" cellspacing="1" cellpadding="2">
		<tr>
			<td colspan="3">Title gose here</td>
			<td>A</td>
			<td class="text-right">B</td>
			
		</tr>
	
		<tr >
			<td rowspan="3" class="text-left">C</td>
			<td>D</td>
			<td>E</td>
			<td>F</td>
			<td class="text-right">G</td>
		</tr>
	
		<tr>
			
			<td>H</td>
			<td colspan="2">I</td>
			<td rowspan="2"class="text-right" id="text-bottom">J</td>
		</tr>
	
		<tr>
			
			<td>K</td>
			<td>L</td>
			<td>M</td>
			
		</tr>
				
		<tr>
			<td class="text-right">N</td>
			<td colspan="4">O</td>
			
		</tr>
	
		
		
	</table>
</body>
</html>